<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>预警系统-脚本记录</title>
<link rel="stylesheet" type="text/css"
	href="/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="/themes/icon.css">
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/eui_manager.js"></script>
<script type="text/javascript" src="/js/util.js"></script>
</head>
<body>
	<ul id="nav"></ul>
	<div id="cc" class="easyui-layout" style="width: 100%; height: 700px;">
		<div data-options="region:'center'">
			<table id="dg"></table>
		</div>
	</div>
	<div id="tb" style="height: auto;">
		<div style="margin: 10px;">
			<input id="keyword" class="easyui-searchbox" searcher="doSearch"
				prompt="请输入关键字 " style="vertical-align: middle;"></input>
		</div>
	</div>

	<script type="text/javascript">
		var url = '/ui/';
		var tbl = $('#dg');
		var clsName = 'com.itrip.log.module.db.domain.SpecLog';
		var action = new UIAction(tbl, clsName, url, getFormVal);

		function getFormVal() {
			var arr = {
				'keyword' : $('#keyword').searchbox('getValue'),
			};
			return arr;
		}

		function doSearch() {
			$('#dg').datagrid('reload');
		}

		$(function() {
			var columns = [ [ {
				field : 'host',
				title : '主机',
				width : '10%',
			}, {
				field : 'project',
				title : '进程',
				width : '10%',
			}, {
				field : 'log',
				title : '详情',
				width : '80%',
				formatter:function(value, row, index){
					return '<div>'+value+'</div>';
				}
			} ] ];
			initNavMenu('#nav');
			action.configTable('#tb', columns);
		})
	</script>
</body>
</html>
